.scrollText {
    color: #8d8d8d;
    font-size: 14px;
    height: 130px;
    line-height: 21px;
    padding: 12px 0 0 12px;
    width: 290px;
}
.scrollBottom {
    height: 50px;
    margin: 10px 0 0 25px;
    padding: 0 0 0 52px;
}
.scrollBottom .leftText {
    display: inline;
    float: left;
    width: 115px;
}
.scrollBottom .leftText p {
    color: #b00f14;
    font-size: 14px;
    font-weight: bold;
}
.scrollBottom .leftText span {
    color: #000;
}
.floatImg {
    display: inline;
    float: left;
    margin: 0 0 0 10px;
}
#superContainer {
    position: relative;
    width: 100%;
}
.postionfiex {
    left: 0;
    position: fixed;
    top: 0;
}
.postionfiex .navigationBg {
    opacity: 1;
}
.section {
    position: relative;
	width:100%;

}



.scrollBoxWithApp {
    height: 465px;
    overflow: hidden;
    position: relative;
    width: 1060px;
}
.scrollBodyWithApp {
    height: 465px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1008px;
}
.scrollBodyWithApp ul li {
    display: inline;
    float: left;
    height: 465px;
    text-align: center;
    width: 252px;
}
.scrollUL {
    left: 0;
    position: relative;
    top: 0;
}

.section .bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 107px;
    width: 100%;
	background:#eee;
	text-align:center;
	display:flex;
	justify-content:center;
}
.bg2 {
	margin:0 auto;
	height:100%;
	
}
.bg3 {
    margin:0 auto;
	height:100%;
}


.bg4 {
	margin:0 auto;
	height:100%

}
.bg5 {
	height:100%;
	margin:0 auto;
}
.bg6{
	width:100%;
	margin:0 auto;
    opacity: 0;
    transform: scale(0.5, 0.5);
    transition: all 1s ease 0s;
	height:100%;
}
.active .bg6 {
    opacity: 1;
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
.bg7{

	width:100%;
	margin:0 auto;
    opacity: 0;
    /*transform: scale(0.5, 0.5);
    transition: all 1s ease 0s;*/
	height:100%
}
.active .bg7 {
    opacity: 1;
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
.bg8{

	width:100%;
	margin:0 auto;
    opacity: 0;
    /*transform: scale(0.5, 0.5);
    transition: all 1s ease 0s;*/
	height:100%
}
.active .bg8 {
    opacity: 1;
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
.bg9{

	width:100%;
	margin:0 auto;
    opacity: 0;
    /*transform: scale(0.5, 0.5);
    transition: all 1s ease 0s;*/
	height:100%
}
.active .bg9 {
    opacity: 1;
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
.bg10{

	width:100%;
	margin:0 auto;
    opacity: 0;
    /*transform: scale(0.5, 0.5);
    transition: all 1s ease 0s;*/
	height:100%
}
.bg11{

	width:100%;
	margin:0 auto;
	height:100%
}
.active .bg10 {
    opacity: 1;
    transform: scale(1, 1);
    transition-delay: 0.7s;
}